<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>项目收款</title>
		<link rel="stylesheet" href="assets/css/collection.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/comm.css" />
		<link rel="stylesheet" type="text/css" href="assets/js/src/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="assets/css/navigation.css" />
		<link rel="stylesheet" href="assets/css/business.css" />

	</head>

	<body>
		<div class="container">
			<div class="content">
				<header class="">
					<div class="left">
						<img class="toggle packUp" src="assets/images/nav/icon-zhankai.svg" />
						<img class="toggle expansion" src="assets/images/nav/icon-zhedie.svg" />
						<h1>项目收款</h1>
					</div>
					<div class="right">
						<time></time>
						<div class="menu">
							<a class="goBack" href="javascript:goFront()">前往后台</a>
							<div class="user">
								<p>A</p>
								<div class="">
									<a href="change-password.html">修改密码</a>
									<a href="login.html">退出登录</a>
								</div>
							</div>
						</div>
					</div>
				</header>
				<!-- 内容区域 -->
				<div class="wrapper">
					<div class="cont">
						<div class="coll-chart">
							<h3>项目收款情况</h3>
							<div id="collChart"></div>
						</div>
						<div class="coll-table">
							<div class="table_top">
								<input type="search" name="search" id="search" value="" class="search"
									@keyup.enter='keyup' placeholder="输入搜索内容"><img onclick="OnSearchBtnClicked()"
									style="width: 24px; height: 24px;" src="./assets/images/index/search.png"
									alt=""></input>
								<button class="button" onclick="add()">新增</button>
							</div>
							<div class="table_cont">
								<table class="scheduletable" id="scheduletable">
									<thead>
										<th>序号</th>
										<th>年份</th>
										<th>型号名称</th>
										<th>到款金额</th>
										<th>已认领金额</th>
										<th>开票金额</th>
										<th>操作</th>
									</thead>
									<tbody class="tbody" id="table_coll">
										<!-- <tr>
                      <td>001</td>
                      <td>2022</td>
                      <td>QW55577855</td>
                      <td>1087899</td>
                      <td>7864</td>
                      <td>7465</td>
                      <td>  
                        <a href="#" style="cursor: pointer; color: #00B42A;" onclick="edit(this)" id="edit">编辑</a>
                        <a href="#" style="cursor: pointer;  color: #F53F3F;" onclick="del(this)" id="del">删除</a>
                      </td>
                    </tr>
                    <tr>
                      <td>001</td>
                      <td>2022</td>
                      <td>QW55577855</td>
                      <td>1087899</td>
                      <td>7864</td>
                      <td>7465</td>
                      <td>
                        <a href="#" style="cursor: pointer; color: #00B42A;" onclick="edit(this)" >编辑</a>
                        <a href="#" style="cursor: pointer;  color: #F53F3F;" onclick="del(this)" id="del">删除</a>
                      </td>
                    </tr>
                    <tr>
                      <td>001</td>
                      <td>2022</td>
                      <td>QW55577855</td>
                      <td>1087899</td>
                      <td>7864</td>
                      <td>7465</td>
                      <td> 
                        <a href="#" style="cursor: pointer; color: #00B42A;" onclick="edit(this)" >编辑</a>
                        <a href="#" style="cursor: pointer;  color: #F53F3F;" onclick="del(this)" id="del">删除</a>
                      </td>
                    </tr> -->

									</tbody>
									<tbody id="no_table_coll">
										<tr></tr>
									</tbody>
								</table>
							</div>

						</div>
						<!-- 弹出 mask -->
						<div id="light" class="white_content">
							<div class="addname">新增内容<a href="javascript:void(0)"
									onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">×</a>
							</div>
							<div class="addcont">
								<!-- <div>序号:<input type="text" placeholder="请输入序号" id="zorder"></input></div> -->
								<div>年份:<input type="text" value="" placeholder="输入年份" id="zyear"></input></div>
								<div>项目名称:<input type="text" value="" placeholder="输入项目名称" id="zcellproject"></input>
								</div>
								<div>到款金额:<input type="text" value="" placeholder="输入到款金额" id="zreceiveMoney"></input>
								</div>
								<div>已认领金额:<input type="text" value="" placeholder="输入已认领金额" id="zclaimMoney"></input>
								</div>
								<div>开票金额:<input type="text" value="" placeholder="输入开票金额" id="zinvoiceMoney"></input>
								</div>
							</div>
							<div class="addbtn" onclick="confirm()">
								确认
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 遮罩层 -->
		<div id="fade" class="black_overlay"></div>
	</body>
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/test.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/echarts.min.js"></script>
	<script src="assets/js/echarts-liquidfill.js"></script>
	<script src="assets/js/src/layui.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/js/navigation.js" type="text/javascript" charset="utf-8"></script>
	<script src="assets/plugins/chartlib.js"></script>
	<script src="assets/js/http/api.js"></script>
	<script src="assets/js/collection.js"></script>
	<script src="assets/plugins/comm.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</html>
